<template>
	<view class="as-empty">
		<view class="empty-image">
			<slot name="img">
				<image :src="baseImg" mode="widthFix"></image>
			</slot>
		</view>
		<view class="empty-text">
			<text :style="{color:textColor}">{{ text }}</text>
		</view>
	</view>
</template>

<script>
export default {
	name: 'empty',
	props: {
		//text
		text: {
			type: String,
			default: '暂无数据'
		},
		textColor:{
			type: String,
			default: '#999999'
		}
	},
	data() {
		return {
			baseImg:
				''
		};
	},
	methods: {}
};
</script>

<style lang="scss">
.as-empty {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 400rpx;
	width: 100%;
	align-items: center;
	font-size: 32rpx;
}
.empty-image {
	margin-bottom: 50rpx;
	
	image{
		width: 200rpx;
	}
}
.empty-text{
	padding: 0 60rpx;
	line-height: 1.6;
	text-align: center;
}
</style>
